html,
body {
    background: #0C7CA2;
}


    div{
    	display: block;
    }
#head-fixed{
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	height: 55px;
	border: 1px solid #fff;
	display: inline-block;
	background-color: #009dd7;
    color: #FaFcFe;
    -webkit-app-region: drag;
    -webkit-user-select: none;
}
#foot-fixed{
	position: fixed;
	bottom: 0px;
	left: 0;
	width: 100%;
	
	border: 1px solid #fff;
	display: inline-block;
	background-color: #009dd7;
    color: #FaFcFe;
    -webkit-app-region: drag;
    -webkit-user-select: none;
}
#web-view-state｛
	float:left;
｝

#foot-content{
	word-break:keep-all;
	white-space:nowrap;
	display: inline;
}
.bottom-text{
	float:right;
}
.content-region{
	top: 80px;
	position: fixed;
}
#left-block{
	width: 30%;
	float: left;
	border: 1px solid #4caf50;
}
#right-block{
	width: 65%;
	float: right;
}
.btn-global{
	font-family: arial;
	float: left;
	border: 1px solid #2e82ff;
	width: 50px;
	height: 30px;
	line-height: :32px;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	outline: 0;
	cursor: pointer;
	background: #0f08f0;
	border-radius:1;
	-webkit-app-region:no-drag;
}
.btn-global:hover{
	    background: #317ef3;
    border-bottom: 1px solid #2868c8;
    box-shadow: 1px 1px 1px #c7c7c7;
}
.input-bar{
	width: 539px;
	font-family: arial;
    font-size: 16px;
    padding: 7.5px 0 6.5px;
    line-height: 18px;
    border: 1px solid #b8b8b8;
    float: left;
    position: relative;
    outline: 0;
    -webkit-appearance: none;
    text-indent: 7px;
    -webkit-app-region:no-drag;
}
.input-bar:hover{
	border-color: #999 #fff #b3b3b3 #999;
    border-right: 0;
}
#xymid{
	width: 700px;
	height: 34px;
	margin: 0 auto;
	position: absolute;
	top: 10px;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: ;
	display:inline-block;
}
#close-btn{
	float: right;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	border-style: inset;
	-webkit-app-region:not-drag;
}

.settings,
.close,
.go-back,
.go-forward {
    cursor: pointer;
    display: inline-block;
    height: 32px;
    position: absolute;
    text-indent: -10000px;
    top: 6px;
    width: 32px;
    z-index: 1;

    -webkit-app-region: no-drag;
}

.settings {
    background: transparent url('../img/settings.png') no-repeat 4px 4px;
    background-size: 24px 24px;
    right: 38px;
    -webkit-app-region:not-drag;
}

.close {
    background: transparent url('../img/close.png') no-repeat 4px 4px;
    background-size: 24px 24px;
    right: 6px;
}

.go-back {
    background: transparent url('../img/go-back.PNG') no-repeat 5px 5px;
    background-size: 24px 24px;
    left: 15px;
}

.go-forward {
    background: transparent url('../img/go-forward.PNG') no-repeat 5px 5px;
    background-size: 24px 24px;
    left: 50px;
}